<page>
	 
	<div class="main-body">
		<img width="100%" src="uniAct/banner.jpg">
		<div style="font-size: 16px;  text-align: center; ">圣诞老人送礼来了</div>
		<div style="margin-bottom: 10px;padding: 10px 10px;">
		
		<div class="row-item-text">
			活动时间：2018-12-22到2018-12-25
		</div>
		<div class="row-item-text">举办方:福鼎口福科技有限公司和格森广告联合举办</div>
		</div>
		<div style="margin: 5px; border: 1px solid #ddd; padding: 16px; position: relative;">
			<div style="position: absolute; top: -14px; background-color: #efefef; font-size: 18px;">活动说明</div>
			<div>
				通过微信公众号参与圣诞节送礼物活动，大家只要通过公众号链接就能参与活动，选择想要的礼物，则有机会获取到礼物。
			</div>
		</div>
		<div class="btn-row-submit js-modal" >我要参加</div>
		<div class="row-box mgb-5">
			<div>赶快给圣诞人写信吧</div>
			<div class="input-flex">
				<input type="text" class="input-flex-text" name="" />
				<div class="input-flex-btn">写信</div>
			</div>
			
		</div>
		<div class="row-box mgb-5">
			<div class="mgb-5">圣诞老人在 16:01-16:05 会来给您发礼物，记得来领取,晚了圣诞老人就走咯</div>
			<div class="flex">
				<div class="flex-1 flex"><i class="iconfont icon-time"></i>倒计时10分钟</div>
				<div class="btn">领取礼物</div>
			</div>
		</div>
		<div class="row-box mgb-5">
			圣诞老人已经离开咯，明天再来跟他要礼物吧。
		</div>
		<div class="row-box mgb-5">
			 
				<div>圣诞老人送给您一件衣服，快去炫耀一下吧</div>
				<div class="btn">炫耀一下</div>
			 
		</div>
		<div class="row-box">
			<div class="row-box-hd">
				<div class="flex-1">获奖列表</div>
				<div class="row-box-more"></div>
			</div>
			<div class="">
				<div class="flex">
					<img class="wh-30 mgr-5" src="img/100x100.jpg" />
					<div class="flex-1">
						老雷获得了一件暖宝宝
					</div>
				</div>
				<div class="flex">
					<img class="wh-30 mgr-5" src="img/100x100.jpg" />
					<div class="flex-1">
						老雷获得了一瓶蜂蜜
					</div>
				</div>
				<div class="flex">
					<img class="wh-30 mgr-5" src="img/100x100.jpg" />
					<div class="flex-1">
						老雷获得了一瓶葡萄酒
					</div>
				</div>
			</div>
		</div>
		<div class="row-box">
			<div class="row-box-hd">
				<div class="flex-1">用户列表</div>
				<div class="row-box-more"></div>
			</div>
			<div class="flex flex-wrap">
				<div class="mgr-5">
					<img class="wh-60 mgr-5" src="img/100x100.jpg" />
					<div>老雷</div>
				</div>
				<div class="mgr-5">
					<img class="wh-60 mgr-5" src="img/100x100.jpg" />
					<div>老雷</div>
				</div>
				<div class="mgr-5">
					<img class="wh-60 mgr-5" src="img/100x100.jpg" />
					<div>老雷</div>
				</div>
				<div class="mgr-5">
					<img class="wh-60 mgr-5" src="img/100x100.jpg" />
					<div>老雷</div>
				</div>
				<div class="mgr-5">
					<img class="wh-60 mgr-5" src="img/100x100.jpg" />
					<div>老雷</div>
				</div>
				<div class="mgr-5">
					<img class="wh-60 mgr-5" src="img/100x100.jpg" />
					<div>老雷</div>
				</div>
				<div class="mgr-5">
					<img class="wh-60 mgr-5" src="img/100x100.jpg" />
					<div>老雷</div>
				</div>
				<div class="mgr-5">
					<img class="wh-60 mgr-5" src="img/100x100.jpg" />
					<div>老雷</div>
				</div>
				
				 
			</div>
		</div>
		
	</div>
	<div class="footer-item"></div>
	<div class="footer">
		<div gourl="index.html?d=uniAct&a=index" class="footer-item icon-home">
			首页
		</div>
		<div gourl="index.html?d=uniAct&a=jiangpin" class="footer-item icon-home">
			奖品
		</div>
		 
		<div gourl="index.html?d=uniAct&a=my" class="footer-item icon-home">
			我的
		</div>
		
	</div>
	
	<div class="modal-group" id="joinBox">
		<div class="modal-mask"></div>
			<div class="modal">
			<div class="modal-header">
				<div class="modal-title">报名</div>
				<div class="modal-close icon-close"></div>
			</div>
			<div class="modal-body">
				<div class="input-flex">
					<div class="input-flex-label w60">手机</div>
					<input type="text" class="input-flex-text" />
				</div>
				<div class="input-flex">
					<div class="input-flex-label w60">验证码</div>
					<input type="text" class="input-flex-text" />
					<div class="input-flex-btn">获取验证码</div>
				</div>
				<div class="flex flex-jc-center">
					<div class="btn mgr-10">提交报名</div>
					<div class="btn ">取消</div>
				</div>
			</div>
		</div>
	</div>
</page>